:root {--white: #fff; --blue:#005d83; --red:#ed1c24; --bred:#c00209; --bgblue:#034ea2; --grey:#747474; --greyLight: #999999;}

.frm-field:focus,.frm4-field:focus,select:focus,input[type="password"]:focus,textarea:focus,input[type="text"]:focus{ outline:none}

button:focus{ outline:none;}

body{ font-weight:400;background: #fff; font-size:15px; color:#111} 

p,li{ font-family: 'GothamBook';  padding: 0;}

h1,h2,h3,h4{font-family: 'GothamBold';}

h2{    font-size: 26px; margin: 25px 0px 13px;}

.wrapper{ width:100%; float:left;position:relative;margin-top:105px}

.effect,img{ -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;}

.effect:hover,.cmp-bx:hover figure img{   transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);  -o-transform: scale(1.2);}

a{ transition: .5s;-webkit-transition: .5s;}

img{max-width:100%; height:auto; transition: .5s;-webkit-transition: .5s;}

._fl{ width:100%; float:left}

.ui-datepicker{ z-index:34!important}

.sdw{box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);-webkit-box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);-o-box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);-moz-box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);-0-border-radius: 10px;    -moz-border-radius: 10px;    -webkit-border-radius: 10px;  border-radius: 10px;}

a:hover{ text-decoration:none}

figure {margin: 0;}

.header-info{width: 100%;float: left;position: fixed;top: 0px;padding:0px 0px; z-index:15; background:#f6f6f6; transition: ease all 0.4s; }

.header-info.sticky .logo img { width: 87px;}

.sticky .web_navigation ul li a {    padding: 28px 7px;}

.sticky .web_navigation ul li.donation_btn { margin-top: 18px;}

.logo{float: left;width: auto; position:relative; z-index:8}

.logo img{ width: 117px;}

.web_navigation{width: auto;float: right; margin:0px 0 0 0; transition:ease all 0.4s}

.web_navigation ul{ width:100%; float:left; list-style:none; padding:0px; margin:0px; }

.web_navigation ul li{     transition: ease all 0.4s;float:left; position:relative; margin:0px 3px;}

#menu-item-180{ display:none!important}

.web_navigation ul li.donation_btn{ margin-top: 32px;}

.web_navigation ul li a{color: #222222; font-size: 13px; text-transform:uppercase; display: inline-block; padding:43px 7px; font-family: 'GothamMedium';}

.web_navigation ul li a:hover,.web_navigation ul li.current-menu-item a,.web_navigation ul li.current-menu-ancestor a{background: #e1b870; color: #fff; }



.web_navigation ul >li:hover{  color: #fff; }

.web_navigation ul li.active a{background: #e1b870; color: #fff; }

.web_navigation ul li.donation_btn a{   font-family: 'GothamBold'; background: #00923f; color: #fff; border-radius: 30px; padding: 10px 20px;}

.web_navigation ul li.donation_btn a:hover{ color:#fff; background:#e1b870}

.web_navigation ul li ul{position: absolute;

    left: 0;

    width:250px;    background: #e1b870;

    background-size: 231px;

    padding: 0;

    transform-origin: 50% 0;

    transform: scaleY(0) translateZ(0);

    opacity: 1; box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 12%);

    transition: transform .3s,opacity .3s;}

.web_navigation ul li ul ul{ left:240px; top:0px; transform: scaleY(0) translateZ(0); opacity:0}	

.web_navigation ul li:hover > ul { opacity: 1; transform: scaleY(1) translateZ(0);}

.web_navigation ul li ul li{ width:100%; margin-right:0%; padding:0px 10px; color:#fff}

.web_navigation ul li ul li a,.sticky .web_navigation ul li ul li a{padding: 5px 10px;}

.web_navigation ul li ul li a{  font-size:12px; display: block; color:#fff;  border-bottom:1px solid rgb(74 65 50 / 18%);}

.web_navigation ul li ul li a:hover,.web_navigation ul li ul li:hover{ cursor:pointer; background:#fff; color:#111}

.web_navigation ul li ul li{ padding:0px;}

.banner_section{    width: 100%; float: left; position: relative; padding:45px 0px 20px; background: #f6f6f6; margin-top: -29px;}

.banner-post-data{ margin:56px 0 0 0; width:100%}

.banner-post-data h2{font-size: 44px;  font-weight: 900; line-height: 43px; margin-bottom: 20px;}

.banner-post-data p{font-style: italic; margin-top: 15px;}

.tagline span{    background: #0f1014; color: #fff; text-transform: uppercase;  font-size: 14px; font-family: 'GothamMedium'; display: inline-block; padding: 3px 12px 6px;}

.what_we_do{ width:100%; float:left; background:#f6f6f6 url(../images/bg1.png) bottom repeat-x; }

.bx-data{ width:100%; overflow:hidden; height:260px; padding: 20px 10px; float:left; text-align:center; background:#fff; border-radius:5px; position:relative;}

.bx-data figure{  width: 106px;

    height: 106px;

    border-radius: 100%;

    display: inline-block; background:#fff;

    box-shadow: 0px 0px 3px rgb(0 0 0 / 35%);

    padding-top: 18px;}

.bx-data h3{    font-size: 19px;

    font-family: 'GothamMedium';

    margin: 31px 0 4px 0;

    width: 100%;

    text-align: center;}	

.overlayer{    position: absolute;

    left:0;

    bottom:-280px;

    background: rgb(255 255 255 / 85%);

    width: 100%;

    height: 100%;

    transition: ease all 0.4s;

}	

.bx-data:hover .overlayer{ bottom:0px;}

.bx-data ul{    padding: 0px;

    margin: 0px;

    list-style: none;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translate(0, -50%);

    width: 100%;}

.bx-data ul li{ text-align: center; border-top: 1px solid rgb(0 0 0 / 14%); line-height: 14px;font-family: 'GothamMedium';}

.bx-data ul li a{color: #242222;

    font-size: 14px;

    padding: 13px 18px;

    display: block;

    text-transform: uppercase;

    line-height: 22px;}

	.bx-data ul li a:hover{    text-decoration: none;

    background: #f7e9d0;

    color: #000;}

	.btn_ { text-align:left}

	.btn_ a{ color: #000000;

    font-size: 15px;

    background: url(../images/arrow_btn.png) right no-repeat;

    display: inline-block;

    padding-right: 40px;

    font-family: 'GothamMedium';}

	.what_we_do h2{    text-align: center;

    text-transform: uppercase;

    font-size: 33px;

    margin: 32px 0 39px 0;}

.bx-data.b1{ background:#fdf0dd}

.bx-data.b2{ background:#e0eafd}

.bx-data.b3{ background:#d2f4f4}

.bx-data.b4{ background:#cae4f7}

.slides_items {

    padding: 0px 0px;

    margin-bottom: -40px;

    width: 100%;

    float: left;

}

.b_slides .owl-prev{    background: url(../images/slide-arrow.png) no-repeat;

    width: 33px;

    height: 33px;

    display: inline-block;

    position: absolute;

    left: -30px;

    top: 36%;

    text-indent: -9999px;}

.b_slides .owl-next{    background: url(../images/slide-arrow.png) no-repeat -30px 0;

    width: 33px;

    height: 33px;

    display: inline-block;

    position: absolute;

    right: -30px;

    top:36%;

    text-indent: -9999px;}	

	

.leadership_section{ width:100%; float:left; text-align:center; margin:78px 0px 26px 0px}

.section_heading { width:100%; float: left; margin-bottom:30px;}

.section_heading h2{font-size: 32px; margin: 0px 0 0px 0;}	

.bx-data2{ padding:0px 120px; }

.signature-name{font-family: 'GothamMedium';}

.bx-data2 figure{ margin-bottom:23px;}

.bx-data2 p{font-size: 14px; line-height: 24px; color: #4c4a4a;}

.latest_section{ width:100%; float:left;   background:#fdf0dd url(../images/pic3-.jpg) center top no-repeat; padding-top:60px;}

.compaignbx {padding:84px 0 0 50px; color: #fff;}

.compaignbx span{color: #fbd45b; font-style:italic; text-transform: uppercase; font-weight: 600; font-size: 20px; text-decoration: underline; margin-bottom: 12px; display: block;}

.compaignbx h3{    font-size: 30px;font-weight: 600; margin:24px 0 45px 0px}

._btn { margin-top:30px; display: block; float: left;}

._btn a{    border: 2px solid #fff; color: #fff; display: inline-block; padding: 7px 22px 8px; border-radius: 7px; font-weight: 600; font-size: 18px;}

._btn a:hover{ background:#fff; color:#000; text-decoration:none}



.campaign_list{ width:100%; float:left; list-style:none; margin:0 0 30px 0px; padding:0 0 0 35px}

.campaign_list li{ width:100%; float:left; margin:10px 0px; background:#fff; border-radius:10px;}

.campaign_list li figure{ float:left; width:202px; overflow:hidden}

.nm_bx{ margin-left:202px; float:none; width:auto; padding:23px;}

.nm_bx h4{     font-size: 18px;

    font-weight: 500;

    margin-bottom: 5px;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;}

.nm_bx p{

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;}	

.campaign_list li figure img{ height:130px;}

.infoarea_section{ width: 100%;  float: left;  padding: 40px 0px;  background: #fff; box-shadow: 0px 0px 10px rgb(0 0 0 / 9%);  margin-top: 0;}

.lead-bx{ border-radius:10px; width:100%; float:left; padding:10px 20px; box-shadow:0px 0px 30px 0px rgb(0 0 0 / 10%); background: #fff url(../images/bg2.jpg) top repeat-x;}

.dd-bx{  float: left;

    width: 100%;

    padding: 22px 0px 21px;

    font-size: 15px;

    color: #009241;

    font-weight: 500;

    text-align: center;}

	.dd-bx small{ display:block;color: #111;}

.lead-bx .col-md-3 { -ms-flex: 0 0 20%;  flex: 0 0 20%; max-width: 20%;}

.marquee-info { float:left; margin:0px;}

.marquee-info  img{ width:190px; margin:0px 2px;}

.dd-bx span{ display:block; font-style:normal; font-size:30px; color:#111; font-weight:900;}

.dd-bx3{

    width: 100%;

    float: left;

    padding: 70px;

}



.dd-bx3 figure{ overflow:hidden; margin:0px; border-radius:10px;}

.dd-bx3 figure img{ width:100%;}

.dd-ins-dt{ padding:20px 30px;}

.dd-ins-dt h2{font-size: 32px;   margin-bottom: 23px;}

.dd-ins-dt h2 span{color: #009241;}

.dd-btn a{ display: inline-block; padding: 8px 20px 9px; color: #000; border: 1px solid #009241; border-radius:15px; margin-right: 10px; font-weight: 600;}

.dd-btn a.dt{ border:1px solid #f6a61d; background:#f6a61d;}

.dd-btn a:hover{ background:#009241; color:#fff;}

.dd-btn a.dt:hover{ border:1px solid #e3950e; background:#e3950e; color:#111}

.dd-btn{ margin-top: 10px; float: left; width: 100%;}

.news-post-data .item{ padding:0px 10px;}

.news-post-data figure{ overflow:hidden; }

.news-post-data a{ color:#fff}

.slide--bx{ width:100%; float:left; position:relative;border-radius: 10px; overflow: hidden;}

.slide--bx figure img{    height: 230px; object-fit: cover;}

.slide--bx .dd-ins-info{    position: absolute;  left: 0px; bottom: 0px; width: 100%; padding:4px; background-image: linear-gradient(360deg, #060606, transparent);}

.slide--bx .dd-ins-info h3{     color: #ffffff;  font-size: 14px;font-family: 'GothamMedium';  text-transform: uppercase; text-align: center;}

.slide--bx .dd-ins-info p{ margin:0px; font-size:14px;}

.our_news_letter{ background: #e0e0e0; padding: 42px 0px;  float: left; width: 100%;}

.our_news_letter h2{    font-size: 24px; font-weight: 600;}

	.our_news_letter p{ margin:0px; font-size:14px;}

.newsletter-form{     margin-top: 20px;float:right; width:100%; background:#fff; position:relative;border-radius: 30px;}

.newsletter-form input[type="text"]{     width: 100%; border: 0px; height: 50px; padding: 8px 150px 8px 20px; font-size: 16px; color: #111; border-radius: 30px;}

.newsletter-form button{  position: absolute;  right: 6px; background: #00923f; border: 0px; border-radius: 30px;  color: #fff; font-weight: 600; padding: 8px 19px; top:6px;}

.partners_area{ background: #f5f5f5; padding:18px 0px;  float: left; width: 100%;}

.bx-sections img{width: 440px;}

.our-map img{ max-width:650px;}

.our-map { text-align:center}

.list-info ul{ list-style:none; padding:0px; margin:0px;}

.list-info .bt{ background: #fff url(../images/bg2.jpg) top repeat-x;

    padding: 14px;

    margin: 1%;

    font-family: 'GothamMedium';

    text-align: center;

    border-radius: 5px;

    border: 2px solid #edebeb;

    background-size: 65px;

    font-size: 14px;

    text-transform: uppercase;}



.list-info{ margin-top:30px;}



.footerinfo{ width:100%; float:left; padding:40px 0px 0; background: #fdf0df;

}

.ft_main{ float:left; width:100%;}

.ft-bx h4{font-size: 15px; text-transform: uppercase; margin-bottom: 16px; font-family: 'GothamMedium';}

.ft-bx p span{     display: block; color: #767676; font-style: italic;}

.ft-bx p{ font-size:14px;}

.ft-bx  ul{ padding:0px; margin:0px; list-style:none;}

.ft-bx  ul li { margin:6px 0px;}

.ft-bx  ul li a{ color:#111; display:inline-block; font-size:14px;}

.ft-bx  ul li a:hover{ padding-left:5px; color:#111}

.ft-bx  .dd-btn a.dt {  border: 1px solid #00923f; color:#fff; background: #00923f;}

.ft-bx  .dd-btn a.dt:hover{ background:#00923f; color:#fff}

.ft_secondry{  width: 100%;  float: left; border-top: 1px dashed #e5be44; padding: 26px 0px; margin-top: 20px;}

.cp{ font-size: 13px; color: #767676; margin: 36px 0 0 0;}

.lt-links{ float:right; font-size: 13px; margin: 36px 0 0 0;}

.lt-links a{ color: #767676;}

.lt-links a:hover{ color:#111}

.mobile_navigation,.dd_btn,.close_nav{ display:none}

.breadcrumbs{    text-transform: none;

    font-size: 14px;

    color: #fff;

    font-family: GothamBook; }

.breadcrumbs a{ color:#fff}

.img-pic{ border-radius: 50px 0 50px 0px; margin-top: 22px;}

.b-post { margin-top:20px;}

.post-image-wrap { position: relative; height:280px; overflow:hidden}

.post-image-wrap .post-meta{     position: absolute;

    left: 0px;

    bottom: 0px;

    background: #d10606;

    display: inline-block;

    font-family: 'GothamMedium';

    padding: 1px 15px;

    color: #fff;}

.post-image-wrap .post-image-link img{ width:100%; display:block}

.b-post .blog-post{border-bottom: 1px solid #dddddd;

    padding: 0px 0px 10px 0px;

    margin-bottom: 23px;

    float: left;

    width: 100%;}

.post-info h2 a { color: #363636; font-size: 25px;}	

.post-info h2 a:hover{ color:#111; text-decoration:underline}

/*Inner page style start here*/

.banner_head{    width: 100%;

    float: left;

    padding:89px 0 ;

    text-align: left; color:#fff;background-size: 100% 100%!important;

    font-size: 35px;     text-transform: uppercase;

    font-family: 'GothamMedium';}

.innerpage-compoents{ width:100%; float:left; padding:40px 0px;}

.donation-form {    max-width: 750px;

    margin: 0 auto;

    clear: both;

    padding: 40px;

    background: #fff ;

    border-radius: 10px;

    min-height: 410px;

    background-size: 330px;

}.donation-form .nav-link {    display: block;

    padding: 0.5rem 1rem;

    font-family: 'GothamBold';

    font-size: 17px;

    color: #111;

    text-transform: uppercase;

}

.button_{    border: 1px solid #dbdbdb;

    padding: 9px 29px;

    font-size: 18px;

    /* border-radius: 7px; */

    background: #fff;

    font-family: 'GothamBold';

    cursor: pointer;

    margin: 6px 0px;

}

.donationform{width: 560px; 

    float: right;

    background: #ffffff url(../images/bg2.jpg) top repeat-x;

    padding: 48px 50px;

    border-radius: 10px;

    border: 1px solid #e9e9e9;

}

.donationform h3{ margin-bottom:30px; font-size:18px; text-transform:uppercase}

.ekal-supporting-2 h3{ text-align:center; margin-bottom:30px; font-size:18px; text-transform:uppercase}

.donatenow{

    background: #00923f;

    color: #fff;

    border: 0px;

    font-family: 'GothamMedium';

    text-transform: uppercase;

    padding: 11px 18px;

}

.donatenow:hover { background: #04662e;color:var(--white)}

.form-option{ padding: 21px 0;}

.form-option h4{  font-size: 15px; font-family: 'GothamMedium';  color: #222; margin-bottom: 12px;}

.other_amount{

    width: 100%;

    border: 1px solid #dbdbdb;

    padding: 9px 15px;

    font-size: 18px;

    border-radius: 7px;

    background: #fff;

    font-family: 'GothamBold';

    margin: 6px 0px;

}

.donation-form .nav-tabs .nav-item.show .nav-link, .donation-form .nav-tabs .nav-link.active {

    color: #ffffff;

    background-color: #00923f;

    border-color: #dee2e6 #dee2e6 #fff;

}

.ext{ margin-top:30px;}

strong{font-family: 'GothamBold'; font-weight: normal;}

.donate_btn{font-family: 'GothamBold';

    background: #00923f;

    color: #fff; border:0px;

    border-radius: 30px;

    padding: 10px 20px;}

.donate_btn:hover{ background:#027634}



.list_items { padding:0px 0 0 20px; margin:10px 0px; }

.list_items li{ padding:4px 0px; position:relative;}

.list_items  ul{ padding-left:15px; margin-bottom:13px;}

.list_items  ul li{ padding:0px; }



.form-container{ width: 100%; float: left; padding: 30px 0px 0;}

.form-container h3{ font-size: 23px;

    text-transform: uppercase;

    padding-bottom: 20px;

    margin-bottom: 10px;

    font-family: 'GothamMedium';}

.form-row{ margin:6px 0px; display:block; width:100%}

.wpcf7-form-control,.wpcf7-form-control{ width:100%; border:1px solid #625e5e; padding:8px; font-size:14px; }

.msgbx{ width:100%; border:1px solid #625e5e; padding:8px; font-size:14px; height:120px; }

.wpcf7-form-control.wpcf7-submit{

    background: #00923f;

    color: #fff;

    text-transform: uppercase;

    border: 0px;

    font-size: 14px;

    font-family: 'GothamBold';

    padding: 10px 20px;

    border-radius: 5px;

}

.wpcf7-form-control.wpcf7-submit:hover{ background:#017031}

.form-address p a{     color: #111;}

.form-address p { margin-bottom:5px;}

.form-address p a .fa{    width: 30px;

    text-align: center;

    border-radius: 100%;

    color: #111;

    padding-top: 6px;

    display: inline-block;

    margin-right: 8px;}

.form-map{ width:100%; float:left; margin-bottom:-3px;}

.section-container{width: 100%; float: left; padding: 30px 0px;}

.thumb-pic img{    border-radius: 120px 0 120px 0;}

.section-container p{ font-size:16px; line-height:25px;}

.ekal-supporting-img img{ max-width:410px;}

.act-details{ margin-top: 30px;}

.act-details h4{ font-size: 16px; margin-bottom: 12px;}

.act-details p{ font-size:14px; margin-bottom:4px;}



.section_app_row{ width:100%; float:left; margin:20px 0px; }

.section_content { width:50%; padding:0px 20px;}

.section_content.LF{ float:left;}

.section_content.RG{ float:right;}

.section_content .img-pic2 img{ border-radius:15px;}

.nm_list{ margin:20px 0 10px 0px; width:100%; float:left; list-style:none;    padding: 0px 27px;}

.sc_{     float: left;

    font-size: 56px;

    width: 100%;

    text-align: center;

    background: #ffffff url(../images/bg2.jpg) top repeat-x;

    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 18%);

    border-radius: 10px;

    padding: 41px 0px 44px;

    font-family: 'GothamBold';

    line-height: 46px;

} 

 .sc_ strong{ display:block; font-size:20px;}

.section_content  h2{ font-size:25px; font-family: 'GothamBold';}
.dpr{ display: inline-block; position: relative;}
.dpr .fa-inr{  position: absolute; left: 13px; top: 13px; font-size: 22px;}
.dpr input[type="text"]{ width: 134px;  height: 45px; padding: 12px 12px 12px 32px;}
.gallerypost img{     width: 320px;
    height: 280px;}

.gallerypost{  width: 100%;  float: left; background: #f2f2f2; padding: 20px 0px 30px;}

.scn   .close { padding: 0;  margin: 0;   position: absolute;  right: -25px;  top: -11px;  color: #fff; opacity: 1;  font-weight: normal; font-size: 35px;}

.scn  .modal-dialog { max-width: 260px;}

.page-section{ width:100%; float:left;}

.h4_heading h4{ font-size:17px;}



.social-icons{ margin-top:20px; list-style:none; padding:0px; margin:0px;}

.social-icons li a{background: url(../images/social-icon.png) no-repeat;

    color: #111;

    display: inline-block;

    font-family: 'GothamMedium';

    padding-left: 48px;

    padding-top: 8px;

    padding-bottom: 9px;}

.social-icons li a.tw{  background-position: 0px -44px; }

.social-icons li a.yt{  background-position: 0px -85px;}

.social-icons li{ margin:10px 0px;}

.social-icons li a:hover{ padding-left:48px!important}

.bb_text{font-weight: bold;

    font-size: 24px;

    color: #f18a09;

    margin-top: 31px;

    display: block;}















@media screen and (max-width:989px){

	.header-info.sticky .web_navigation{ margin:0px;}

	.web_navigation{    display: block;

    position: fixed;

    background: #333;

    top: 0px;

    margin: 0;

    right:-450px;

    width: 320px;

    height: 100%;

    padding: 12px;}

	.dd_btn{ float:right; width:auto; display:inline-block; margin:21px 0 0 0}

.dd_btn a{    font-family: 'GothamBold';

    background: #00923f;

    color: #fff;

    border-radius: 30px;

    padding: 10px 20px;}

	

	



.banner-post-data h2 { font-size: 26px;  line-height: 30px;}

.tagline span{ font-size:12px;}

.banner-post-data { margin: 4px 0 0 0;}

.what_we_do h2 { font-size: 26px; margin: 27px 0 39px 0;}

.section_heading h2{ font-size:26px;}

.bx-data2 { padding: 0px 10px;}

.compaignbx h3 {  font-size: 20px;  margin: 24px 0 18px 0px;}

.dd-bx { font-size: 12px;}

.dd-bx span{ font-size:25px;}

h2 { font-size: 22px; margin: 20px 0px 13px;}

.campaign_list li figure { float: left; width: 132px;}

.nm_bx {

    margin-left: 117px;

    float: none;

    width: auto;

    padding: 22px;

}

.bx-data h3 {font-size: 15px; margin: 28px 0 4px 0;}

.bx-data ul li a { font-size: 13px; padding: 9px 10px; line-height: 17px;}

.campaign_list li figure { float: left; width: 120px;}

.campaign_list li figure img {height: 95px;}

.nm_bx { margin-left: 110px; padding: 17px;}

.nm_bx p{ margin-bottom:2px}

.dd-ins-dt { padding: 0;}

.dd-ins-dt h2 { font-size: 27px; margin-bottom: 18px; margin-top: 0;}

.dd-btn a { padding: 8px 13px 9px; margin-right: 4px; }

.infoarea_section { padding: 30px 0px 0;}

.header-info{ padding:10px 0px;}

.header-info.sticky .logo img,  .logo img { width: 70px;}

.wrapper {margin-top: 76px;}

} 



@media screen and (max-width:767px){

	.ft_secondry {  width: 100%;  float: left;  text-align: center;}

	.ft_secondry .logo { width:100%}

	.lt-links { margin: 7px 0 0 0; width: 100%;}

	.rel-wrapper{ margin:10px 0px;}

	.bx-data{ margin-bottom:10px;}

	.campaign_list {   margin: 0 0 19px 0px;  padding: 0 0 0 0px;}

	.lead-bx .col-md-3 { -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;}

	.dd-bx3 { padding: 20px 0;}

	.dd-ins-dt h2 { margin-top: 19px;}

	.banner_section {padding: 24px 0px 20px;}

	.banner_head { padding: 33px 0;}

	.banner_head h1{ font-size:25px;}

	.section_content { width: 100%; padding: 0px 0px;}

	.our-map img { max-width: 100%;}

	.donationform { max-width: 560px;  padding: 25px 12px; width:100%}

	.donatenow {padding: 11px 11px;}

	}